$def with(form, saved = None)
$:render.admin.header(scripts=['scripts/libs/jquery.tools.min.js','scripts/libs/fancybox/jquery.fancybox-1.3.4.pack.js'],css=['admin/css/ui.css','scripts/libs/fancybox/jquery.fancybox-1.3.4.css'])

<script type="text/javascript">
    $$(function () {
        $$('._fancybox').fancybox({
                'autoScale': true,
                'type': 'iframe',
                'width': 670,
                'height': 388
            });
        $$('#validator_link').fancybox();
        form_validator();
    });
    function form_validator() {
        $$.tools.validator.addEffect('wall', function(errors, event) {
            // 获取错误容器
            var wall = $$(this.getConf().container);
            // 移除所有已经有的信息
            wall.find('p').remove();
            // 附加么一条信息
            $$.each(errors, function(index, error) {
                // 附加错误信息到容器中
                wall.append(
                    '<p>' + (index + 1) + '. ' + error.messages[0] + '</p>'
                );
                // 在错误控件上，添加一个标识无效的class
                error.input.addClass('invalid');
            });
            $$('#validator_link').trigger('click');

        }, function(inputs) {
            // 该方法中处理输入有效的控件
            $$.each(inputs, function(index, input) {
                // 去掉标识无效的class
                $$(input).removeClass('invalid');
            });
        });
        $$('form').validator({
                'messageAttr': 'message',
                'effect': 'wall',
                'container': '#errors'
        });
    };
    // media uploader callback
    function media_selected(id, thumbnail) {
        if (id > 0) {
            $$('#media_id').val(id.toString());
            var t = $$('#thumbnail');
            t.show();
            t.html('<img src="' + thumbnail + '" />');
            $$.fancybox.close();
        }
    }
    function proj_selected(id, name) {
        if (id > 0) {
            $$('#proj_id').val(id.toString());
            var sproj = $$('#sproj');
            sproj.show();
            sproj.html('已选择：<font color="red"><strong>' + name + '</strong></font>');
            $$.fancybox.close();
        }
    };
</script>

<a href="#errors" style="display:none;" id="validator_link"></a>
<div id="error_container" style="display:none;">
    <div id="errors">
        <h2>请先修复以下问题</h2>
    </div>
</div>

<div class="itemtitle">
    <h3>$:form.submit.attrs['html']</h3>
    <ul class="tab1">
        <li><a href="/admin/afflatus"><span>管理</span></a></li>
        <li class="current"><a href="javascript:void(0);"><span>添加</span></a></li>
    </ul>
</div>
$if saved:
    $if saved == 'true':
        <div style="color:green;">保存成功！！</div>
    $else:
        <div style="color:red">保存失败！！</div>
    
<form method="post" action="">
<table class="tb tb2">
    <tr><td class="td27" colspan="2">标题：</td></tr>
    <tr class="noborder">
        <td class="vtop rowform">$:form.title.render()</td>
        <td class="vtop tips2">标题长度请控制在16个汉字，32个字符以内。</td>
    </tr>
    <tr><td class="td27" colspan="2">图片：</td></tr>
    <tr class="noborder">
        <td class="vtop rowform">
            $if form.media_url.value:
                <div id="thumbnail"><img src="$form.media_url.value" /></div>
            $else:
                <div id="thumbnail" style="display:none"></div>
            <a href="/admin/media/upload" class="_fancybox">设置灵感图</a>$:form.media_id.render()</td>
        <td class="vtop tips2">点击“<a href="/admin/media/upload" class="_fancybox">设置灵感图</a>”选择或上传灵感图片</td>
    </tr>
    <tr><td class="td27" colspan="2">说明：</td></tr>
    <tr class="noborder">
        <td class="vtop rowform">$:form.short_text.render()</td>
        <td class="vtop tips2">请简短的对灵感图进行说明，内容请控制在128个汉字，256个字符以内。</td>
    </tr>
    <tr><td class="td27" colspan="2">关联项目：</td></tr>
    <tr class="noborder">
        <td class="vtop rowform">
            $if form.proj_name.value:
                <div id="sproj" style="height:25px;line-height:25px;">已选择：<font color="red"><strong>$:form.proj_name.value</strong></font></div>
            $else:
                <div id="sproj" style="display:none;height:25px;line-height:25px;"></div>
            <a href="$config.ADMIN_DIR/proj?mode=lite" class="_fancybox">设置关联项目</a>$:form.proj_id.render()</td>
        <td class="vtop tips2">您必须设置关联的项目，请重击“<a href="$config.ADMIN_DIR/proj?mode=lite" class="_fancybox">设置关联项目</a>”进行选择。</td>
    </tr>
    <tr><td class="td27" colspan="2">关联特惠信息[可选]：</td></tr>
    <tr class="noborder">
        <td class="vtop rowform"><a href="">设置关联特惠信息</a>$:form.discount_info_id.render()</td>
        <td class="vtop tips2">关联特惠信息是一个可选项，如果您要设置请重击“<a href="">设置关联项目</a>”进行选择。</td>
    </tr>
    <tr><td colspan="2">$:form.submit.render()</td></tr>
</table>
</form>

$:render.admin.footer()
